<script setup>
// 不使用返回值 的情况下，只能在模板中使用
// defineProps(['title', 'time'])
// defineEmits(['changeTitle', 'changeTime'])

// 使用返回值 可以被用于在组件的 <script setup> 中抛出事件
const props = defineProps(['title', 'time'])
const emit = defineEmits(['changeTitle', 'changeTime'])

console.log(props.title, '==');
console.log(props.time, '==');

const changeTitle = () => {
  emit('changeTitle', 1)
}
const changeTime = () => {
  emit('changeTime', 2)
}
</script>

<template>
  <h1>{{ title }}</h1>
  <h1>{{ time }}</h1>
  <button @click="changeTitle">++changeTitle</button>
  <button @click="changeTime">++changeTime</button>
</template>

<style></style>
